<!DOCTYPE html>
<!-- saved from url=(0069)http://pnc.co.il/dev/iscroll-5-pull-to-refresh-and-infinite-demo.html -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

    <title>iScroll-5 DEMO: Pull to Refresh + Infinite Next Page load</title>
    <link rel="stylesheet" type="text/css" href="/static/css/weixin/joblist.css"/>
    <script type="text/javascript" src="/static/js/jquery/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="/static/js/iscroll/iscroll-probe.js"></script>
    <script type="text/javascript" src="/static/js/weixin/joblist.js"></script>
</head>
<body>
<div id="header">iScroll</div>
<div id="wrapper" style="left: 0px;">
    <div id="scroller">
        <div class="pullDown">
            <span class="pullDownIcon">&nbsp;</span>
            <span class="pullDownLabel">下拉刷新...</span>
        </div>
        <ul>
        </ul>
        <div class="pullUp">
            <span class="pullDownIcon">&nbsp;</span>
            <span class="pullDownLabel">加载更多...</span>
        </div>
    </div>
    <div class="iScrollVerticalScrollbar iScrollLoneScrollbar"
         style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden; pointer-events: none; transform: translateZ(0px); transition-duration: 500ms; opacity: 0;">
        <div class="iScrollIndicator"
             style="box-sizing: border-box; position: absolute; border: 1px solid rgba(255, 255, 255, 0.901961); border-radius: 3px; width: 100%; transition-duration: 0ms; display: block; height: 521px; transform: translate(0px, 27px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); background: rgba(0, 0, 0, 0.498039);"></div>
    </div>
</div>
<div id="footer"></div>

</body>

<script>
    $(document).ready(function () {
        JobList.get();
    });
</script>
</html>